<template>
    <div class="log-detl">
        <right-layout title="操作日志明细" width="800px" :visible.sync="show" @closeLayout="closeDialog">
            <div class="content-wrap">
                <div class="log-item">
                    <div class="top-title">
                        <span class="img">
                            <img v-if="crtPhoto" :src="crtPhoto">
                            <img v-else src="static/img/frame/default-user.jpg">
                        </span>
                        <span>{{ hName }}</span>
                        <span>{{ hDt }}</span>
                    </div>
                    <div class="modify-content">
                        <div class="theme">{{ detail }}</div>
                        <!-- <el-form label-width="160px">
                            <el-form-item v-for="(item, index) of busiData" :key="index" style="margin-bottom:0;">
                                <span slot="label">{{ item.name }}：</span>
                                <p>{{ item.targetVal }}</p>
                            </el-form-item>
                        </el-form> -->
                    </div>
                </div>
            </div>
            <div slot="footer">
                <el-button type="default" @click="closeDialog">关闭</el-button>
            </div>
        </right-layout>
    </div>
</template>

<script>
import RightLayout from '@/components/common/comp/RightLayout';
export default {
    name: 'distriDetl',
    props: {
        sheetId: {
            type: String,
            default: ''
        }
    },
    components: {RightLayout},
    data() {
        return {
            show: false,
            logId: '',
            busiData: [],
            detail:'',
            hName: '',
            hDt: null,
            crtPhoto: '',
            zyDescs: '',
        }
    },
    methods: {
        showDialog(row) {
            // this.busiData = row.descr ? JSON.parse(row.descr) : [];
            this.hName = row.hName;
            this.detail=row.detail
            this.hDt = row.hDt;
            this.crtPhoto = row.imsUrl;
            this.zyDescs = row.zyDescs;
            this.show = true;
        },
        closeDialog() {
            this.show = false;
        },
    }
}
</script>

<style lang="scss" scoped>
.content-wrap {
    .log-item {
        padding-left: 20px;
        .top-title {
            span {
                display: inline-block;
                vertical-align: top;
                height: 40px;
                line-height: 40px;
                margin-right: 15px;
                &.img {
                    margin-right: 5px;
                    img {
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                    }
                }
            }
        }
        .modify-content {
            position: relative;
            padding-left: 50px;
            .theme {
                height: 24px;
                line-height: 24px;
                font-size: 16px;
                font-weight: 600;
                padding-left: 10px;
            }
            &:before {
                content: '';
                display: block;
                width: 2px;
                position: absolute;
                top: 30px;
                bottom: 0;
                background: #ddd;
            }
        }
    }
}
</style>


